.contacts {
  background-color: var(--background-color);
  height: 100%;
  .contact-list {
    background-color: white;
    ul {
      padding: 0 16px;
    }
    li {
      padding: 4px 0;
    }
    .group {
      padding: 0 16px;
      background-color: var(--background-color);
      /* 文字转大写 */
      text-transform: uppercase;
    }
    img {
      border-radius: 4px;
    }
  }
  .letters {
    position: absolute;
    left: calc(100% - 24px);
    top: 50%;
    span {
      zoom: 0.8;
      color: #111;
    }
    transform: translateY(-50%);
  }
}
